<template>
  <div class="w-h-full flex-vhc">
    <img src="@/assets/images/500.png" class="mr-120" alt="500" />
    <div class="flex-col">
      <h1 class="color-primary text-sl">500&nbsp;<span class="text-xl">Internal Server Error</span></h1>
      <h2 class="color-red line-height-2">服务器正在维修 ~ 📡</h2>
      <div class="flex mt-15">
        <el-button class="flex-1" type="danger" @click="goback">返回</el-button>
        <el-button class="flex-1" type="primary" @click="gohome">首页</el-button>
      </div>
    </div>
  </div>
</template>

<script setup name="500">
import { useRouter } from 'vue-router'
const router = useRouter()

function goback() {
  // 返回两级
  router.go(-2)
}

function gohome() {
  router.replace({ path: HOME_URL })
}
</script>

<style scoped lang="scss"></style>
